<template>
  <div class="container">
    <h5>子组件</h5>
    <h5>父传子</h5>
    <p>{{money}}</p>
  </div>
</template>
<script>
import { watch } from 'vue'
export default {
  name: 'Son',
  // 子组件接收父组件数据使用props即可
  props: {
    money: null
  },
  setup (props) {
    // 获取父组件数据money，但只会获取到一次
    // console.log(props.money)
    // 🔔 watch 监听数据，数据变化时就会触发内部代码
    watch(
      () => props.money,
      () => {
        console.log(props.money)
      },
      { immediate: true },
    )
  }
}
</script>